<div ba-panel ba-panel-title="统计分析" ba-panel-class="auto-hei-panel with-scroll light-text">
    <div class="row add-row-editable-table" style="border-bottom: 1px solid rgba(0, 0, 0, 0.12); box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.12);">
        <div has-perms='pdev.camera.add' class="col-md-12">
            <div class="form-horizontal">
                <div class="form-group">
                    <label class="col-sm-1 control-label">选择传感器</label>
                    <div class="col-sm-4" ng-if="showSensor">
                        <ui-select ng-model="selected.value"
                                   class="btn-group bootstrap-select form-control"
                                   ng-disabled="false"
                                   append-to-body="true"
                                   search-enabled="true">
                            <ui-select-match placeholder="选择传感器">
                                {{$select.selected.name}}
                            </ui-select-match>
                            <ui-select-choices repeat="item in (itemArray | filter:$select.search) track by item.id">
                                <span ng-bind-html="item.name"></span>
                            </ui-select-choices>
                        </ui-select>
                    </div>

                    <label class="col-sm-1 control-label">开始时间</label>
                    <div class="col-sm-2">
                        <p class="input-group">
                            <input type="text" class="form-control" uib-datepicker-popup="{{format}}" datepicker-options="options"
                                   ng-model="startDate" is-open="popup1.opened" ng-required="true" close-text="关闭"
                                   clear-text="清空" current-text="今天"
                                   alt-input-formats="altInputFormats" show-button-bar="false" />
                            <span class="input-group-btn">
                                <button type="button" class="btn btn-default" ng-click="open()"><i class="glyphicon glyphicon-calendar"></i></button>
                            </span>
                        </p>
                    </div>
                    <label class="col-sm-1 control-label">结束时间</label>
                    <div class="col-sm-2">
                        <p class="input-group">
                            <input type="text" class="form-control" uib-datepicker-popup="{{format}}" datepicker-options="options"
                                   ng-model="endDate" is-open="popup2.opened" ng-required="true" close-text="关闭"
                                   clear-text="清空" current-text="今天"
                                   alt-input-formats="altInputFormats" show-button-bar="false" />
                            <span class="input-group-btn">
                                <button type="button" class="btn btn-default" ng-click="open2()"><i class="glyphicon glyphicon-calendar"></i></button>
                            </span>
                        </p>
                    </div>

                </div>
                <div class="form-group">
                    <label class="col-sm-1 control-label">选择分析设备</label>
                    <div class="col-sm-10">
                        <label class="checkbox-inline custom-checkbox nowrap" ng-repeat="item in selectChnList">
                            <input type="checkbox" ng-model="$parent.checkboxes.items[item.chnId]">
                            <span>{{item.deviceName}}</span>
                        </label>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div style="height: 670px; padding-top: 30px;">
        <div muti-line-charts style="height: 620px;" chn-ids="{chnIds}" begin-date="{startDate}" end-date="{endDate}"></div>
    </div>
</div>


